/*
vue-i18n插件
1：yarn add vue-i18n@8.0.0  注意有版本问题
2：导入  import VueI18n from 'vue-i18n'
3:注册  Vue.use(VueI18n)
4:实例化
    const i18n=new VueI18n({
        locale:"语法标识",  zh:中文  en:英文
        messages:{
           zh:{
            abc:'首页'
           },
           en:{
            abc:'home'
           }
        }
    })
5:暴露出去  export default i18n
6:挂载到main.js
  import i18n from '@/lang'
  new Vue({
    i18n
  })

使用：
    vue文件：this.$t(key)
        {{$t('abc')}}
    js文件
        import i18n from '@/lang'
         i18n.t('abc')

*/
import VueI18n from 'vue-i18n'
import enLocale from 'element-ui/lib/locale/lang/en'
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
import en from './en'
import zh from './zh'
import Vue from 'vue'
Vue.use(VueI18n)
const i18n = new VueI18n({
  // 持久化：1：修改后存储到浏览器  2：初始值读取浏览器的值
  locale: localStorage.getItem('lang') || 'zh',
  messages: {
    zh: {
      abc: '首页',
      user: {
        info: {
          photo: '员工照片'
        }
      },
      ...zhLocale,
      ...zh
    },
    en: {
      abc: 'home',
      user: {
        info: {
          photo: 'photo'
        }
      },
      ...enLocale,
      ...en
    }
  }
})
// 最麻烦：收集语言包
// 1:注意做注释  2：按模块，按页面收集  3:国际化后样式上可能要大调整
export default i18n
